<template>
  <!-- Element Plus 还提供了一个 Vue 组件 ConfigProvider 用于全局配置国际化的设置。解决分页等插件不显示中文问题 -->
  <el-config-provider :locale="zhCn">
    <!--如果在setup中使用await，则页面会空白，使用suspense可以解决这个问题。-->
    <suspense>
      <router-view />
    </suspense>
  </el-config-provider>
</template>

<script lang="ts" setup>
import { ElConfigProvider } from 'element-plus';
import zhCn from 'element-plus/es/locale/lang/zh-cn';
</script>
<style>
/*此样式用于'@/components/base/form/IconSelect.vue‘插件，并且不能在scoped下，因此设计在这里
但是加入该样式后，show-arrow无效
*/
.el-popper-icon-select-class {
  height: 300px;
  overflow-y: auto;
}
/* element plus官方提示：在版本 2.5.0之后， el-select 的默认宽度更改为 100% 当使用内联形式时，宽度将显示异常。 
为了保持显示正常, 您需要手动配置 el-select 的宽度 ，下述来源于官方案例*/
.el-form--inline {
  .el-form-item {
    & > .el-input,
    .el-cascader,
    .el-select,
    .el-date-editor,
    .el-autocomplete {
      width: 240px;
    }
  }
}
</style>
